<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" th:href="@{css/reset.css}"  href="css/reset.css"/>
    <link rel="stylesheet" type="text/css" th:href="@{css/head.css}" href="css/head.css" />
    <link rel="stylesheet" type="text/css" th:href="@{css/footer.css}" href="css/footer.css"/>
</head>
<body>
<div th:insert="head::topbar"></div>
<div th:replace="footer::#footbar"></div>


<script th:src="@{js/jquery-3.3.1.min.js}" src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>

        <script type="text/javascript">
            $(document).ready(function() {
                //底部侧边栏关闭
                $(".icon-sidebarx").click(function() {
                    $(this).parents(".sidebar-b-bac").remove();
                });
                //右边侧边栏关闭
                $(".icon-subx").click(function() {
                    $(this).parents(".sub-list").css("display", "none");
                });
                //右边hover弹窗input隐藏出现
                $(".sub-inputbox").click(function() {
                    $(this).prev(".icon-inputx").css("opacity", 1);
                });
                //下拉到200px侧边栏出现回到顶部且导航栏出现，上啦消失，且导航栏消失
                $(window).scroll(function() {
                    var top = $(document).scrollTop();
                    if(top > 200) {
                        $(".sidebar-r-totop").css({
                            display: 'block'
                        });
                        $(".navigation-fix").slideDown();
                    } else {
                        $(".sidebar-r-totop").css({
                            display: 'none'
                        });
                        $(".navigation-fix").slideUp();
                    }
                });
                //点击回到顶部，回到顶部
                $(".sidebar-r-totop").click(function() {
                    $("html,body").animate({
                        scrollTop: 0
                    }, 500);
                });

            })
        </script>
</body>
</html>